body{
	margin:auto;
	width:900px;
	font-family:calibri;
}
#showDiagram{
		left: 40px;
		position: absolute;
		top: 100px;
		padding:0px;
		margin:0px;
		list-style-type: none;
	}
#showDiagram a{
		color: grey;
		font-size: 20px;
		font-weight: bold;
	}
#listeEtudiant, #listeEtudiant_chzn{
		left: 25px;
		position: absolute;
		top: 235px;
		width: 200px;
	}
#loaderImg{
		display:none;
		width:16px;
		height:16px;
		position:absolute;
		left:170px;
		top:105px;
	}
#chart{
		display:none;
	}       
/******************************entete*****************************************/
img{
	float:left;
}
h2{
	border: 1px solid green;
	border-radius:10px;
	width:500px;
	margin-left:300px;
}
#entete{
	border: 1px solid black;
	width:550px;
        margin-bottom:3px;
}
#entete  input{
	border: 1px solid black;
}
header img{
		position:absolute;
		left:10px;
		top:10px;
	}
header, section{
		width:700px; 
		margin:auto;
	}
/******************************tableau*************************************/
.blank {
		height:10px;
	}
.green{
	background:green;
	color:white;
}
.grise{
	background:grey;
}
i{
	font-weight:normal;
	font-style:normal;
}
section{
	display:block;
}
#bull{
	margin-top:-40px;
	margin-bottom:-20px;
	border-color:green;
}
#bull tbody tr td{
		border:thin solid black;
		text-align:center;
	}
#bull tbody tr th{
		border:thin solid black;
		width:160px;
	}
	
#bull tbody tr td input {
		width:50px;
		height:30px;
		border:none;
		text-align:center;
	}
#bull thead tr th{
		width:50px;
		height:30px;
		border:thin solid black;
	}
#bull thead, #bull tbody, #bull tfoot{
		
	}
/***************************************pied*******************************************/
footer{
	display:block;
	margin-left:200px;
}
h5{
	float:left;
}
h4{
	margin-left:150px;
}
textarea{
	margin-left:150px;
	margin-top:-30px;
	width:280px;
}
#date{
	margin-left:300px;
}